<template>
	<view class="dis_content">
		<view class="dis_liBl">
			<view class="dis_block">
				<image
					src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
					class="dis_name"></image>
				<text class="dis_title">星趣童堡</text>
				<text class="dis_data">2021-12-20 12:57</text>
				<text class="dis_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
				<view class="dis_like">1</view>
				<view class="dis_ul">
					<view class="dis_li">
						<view class="dis_bl">
							<image
								src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
								class="disIn_name"></image>
							<text class="disIn_title">星趣童堡</text>
							<text class="disIn_date">2021-12-20 12:57</text>
						</view>
						<text class="disIn_te">
							回复 <text class="ico">@</text><text class="name">星趣童堡：</text>
						</text>
						<text class="disIn_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
					</view>
					<view class="dis_li">
						<view class="dis_bl">
							<image
								src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
								class="disIn_name"></image>
							<text class="disIn_title">星趣童堡</text>
							<text class="disIn_date">2021-12-20 12:57</text>
						</view>
						<text class="disIn_te">
							回复 @星趣童堡：
						</text>
						<text class="disIn_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
					</view>
				</view>
			</view>
		</view>
		<view class="dis_liBl">
				<view class="dis_block">
					<image
						src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
						class="dis_name"></image>
					<text class="dis_title">星趣童堡</text>
					<text class="dis_data">2021-12-20 12:57</text>
					<text class="dis_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
					<view class="dis_like">1</view>
					<view class="dis_ul">
						<view class="dis_li">
							<view class="dis_bl">
								<image
									src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
									class="disIn_name"></image>
								<text class="disIn_title">星趣童堡</text>
								<text class="disIn_date">2021-12-20 12:57</text>
							</view>
							<text class="disIn_te">
								回复 <text class="ico">@</text><text class="name">星趣童堡：</text>
							</text>
							<text class="disIn_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
						</view>
						<view class="dis_li">
							<view class="dis_bl">
								<image
									src="http://124.71.81.168:91/serves/images/1625737101752s-300-154-166373585784602051615141982.png" mode="aspectFill"
									class="disIn_name"></image>
								<text class="disIn_title">星趣童堡</text>
								<text class="disIn_date">2021-12-20 12:57</text>
							</view>
							<text class="disIn_te">
								回复 @星趣童堡：
							</text>
							<text class="disIn_text">星河集团旗下儿童乐园品牌，近2000㎡亲子家庭休闲娱乐体验空间，30+互动玩法给您带来奇妙有趣的体验。</text>
						</view>
					</view>
				</view>
			</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	@import '@/static/common.scss';
	.dis_content {
		position: relative;
		width: 92%;
		margin: auto;	
		padding:40rpx 0;
		padding-bottom:100rpx;
	}
	.dis_liBl {position: relative;width:100%;border-top:1px solid #ddd;padding:20rpx 0;}
	.dis_liBl:nth-child(1) {border-top:0;}
	.dis_block {position: relative;padding-left:90rpx;}
	.dis_name {width:68rpx;height:68rpx;border-radius: 200rpx;position: absolute;left:0;top:0;}
	.dis_title {font-size:16px;display: block;line-height: 1em;}
	.dis_data {display: block;font-size:12px;color:#999;}
	.dis_text {margin-top:10rpx;display: block;}
	.dis_like {position: absolute;right:0;top:0;padding-left:40rpx;background: url(../../static/images/a1_7.png) no-repeat left;background-size:32rpx;}
	.dis_ul {position: relative;background:#f4f8fb;padding:0 4%;margin-top:20rpx;}
	.dis_li {position: relative;padding:30rpx 0;border-top:1px solid #ddd;}
	.dis_li:nth-child(1) {border-top:0;}
	.disIn_name {width:48rpx;height:48rpx;border-radius: 200rpx;position: absolute;left:0;top:12rpx;}
	.dis_bl {position: relative;padding-left:68rpx;}
	.disIn_title {display: block;}
	.disIn_date {display: block;font-size:12px;line-height: 1em;color:#999;}
	.disIn_te {
		margin-top:20rpx;display: block;
		.ico {color:#999;margin-left:15rpx;}
		.name {color:$ulColor;}
	}
</style>
